import React from 'react'
import "./index.css"
import { withRouter } from "react-router-dom"
import Top from '../../../../components/top'
function Sure_order(props) {
  return (
    <div className='Sure_order-box'>
      <div className='Sure-order-nav'>
        <Top title="下单成功"></Top>
      </div>
      <div className='Sure-order-content'>
        <img src="/img/home/order.png" alt="" />
        <p className='Sure-order-title'>订单保存成功</p>
        <p className='Sure-order-in'>订单保存24小时，请落座后扫桌位码下单</p>
        <div className='Sure-order-tip'>
          <p>温馨提示：此订单仅保存在您的手机上，商家不会看</p>
          <p>见订单，菜单具体售卖情况请以店面实际情况为准呦</p>
        </div>
      </div>
      <div className='Sure-order-footer'>
        <button className='Sure-order-sure'>已到店，扫码下单</button>
        <button className='Sure-order-cancel'
          onClick={() => props.history.push("/Layout/Home")}>未到店，关闭此页</button>
      </div>
    </div>
  )
}
export default withRouter(Sure_order)